.dateSelector{
    width:100%;
    height:200px;
    border-bottom: 1px solid #caaaa9;
    // border:1px solid #000;
    .monthSelector{
        width: 100%;
        // border:1px solid #000;
        height:80px;
        display: flex;
        justify-content: center;
        align-items: center;

        .lastMonth{
            width: 140px;
            height:100%;
            // border:1px solid #000;
            display: flex;
            align-items: center;
            justify-content: center;
            .last{
                border-top:15px solid transparent;
                // border-right: 15px solid #c4c4c4;
                border-bottom: 15px solid transparent;
            }
        }

        .selectedMonth{
            color: #6A3E3E;
            font-weight: 500;
            font-size: 40px;
        }

        .nextMonth{
            width: 140px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            .next{
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
            }
        }


    }

    .daySelector{
        width: 100%;
        // border:1px solid #000;
        height:110px;
        margin-top: 10px;
        white-space: nowrap;
        overflow-y: scroll;
        .day{
            height: 100%;
            display: inline-block;
            width: 88px;
            .top_info{
                color: #D1A8A8;
                font-size: 24px;
                text-align: center;
            }
            .bottom_info{
                width:50px;
                height: 50px;
                border-radius: 50px;
                text-align: center;
                line-height: 50px;
                margin:0 auto;
                margin-top: 10px;
                color: #D1A8A8;
            }
        }
    }


}